<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/21/021
  Time: 17:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>在线视频主页</title>
    <link rel="stylesheet" type="text/css" href="static/fonts/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/css/public.css" />
    <link rel="stylesheet" type="text/css" href="static/css/index.css" />
    <style type="text/css">
        .dengru{
            margin-top: 18px !important;
        }
    </style>
</head>
<body>
    <jsp:include page="view/header.jsp"/>
    <div style="height: 70px"></div>
    <div class="head">
        <div class="banner">
            <div class="hide show"><a href="./video.do?action=play&videoId=5924609120961811166"><img src="uploadFile/images/kxcr.png"></a></div>
            <div class="hide"><a href="./video.do?action=play&videoId=7328081290833963623"><img src="uploadFile/images/youName.png"></a></div>
            <div class="hide"><a href="./video.do?action=play&videoId=6812238591680869629"><img src="uploadFile/images/qsmyxuenv.png"></a></div>
        </div>
        <ul class="lrbutton">
            <li>&lt;</li>
            <li>&gt;</li>
        </ul>
        <ul class="smallbutton">
            <li class="btnstyleshow btnstylehide"></li>
            <li class="btnstyleshow"></li>
            <li class="btnstyleshow btnstylehide"></li>
        </ul>
    </div>
    <div class="centerbox">
        <div class="container">
            <h1>xxx为你推荐有趣好玩的活动</h1>
            <p class="miaoshu">多岁的附件四伏虎多个哈萨克VN日恩爱糊涂贵哦绕过覅让的防空洞里看到考虑到了考虑到...</p>
            <ul class="imglist imglistone">
                <li>
                    <a href="view/enroll.html">
                        <img src="uploadFile/images/4.jpg">
                        <div class="text">
                            <div>
                                <div><span>还剩16天</span></div>
                                <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                            </div>
                            <h3>
                                POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                            </h3>
                            <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="view/enroll.html">
                        <img src="uploadFile/images/5.jpg">
                        <div class="text">
                            <div>
                                <div><span>还剩16天</span></div>
                                <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                            </div>
                            <h3>
                                POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                            </h3>
                            <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                        </div>
                    </a>
                </li>
            </ul>
            <ul class="imglist imglisttwo">
                <li>
                    <a href="view/enroll.html">
                        <img src="uploadFile/images/45.jpg">
                        <div class="text">
                            <div>
                                <div><span>还剩16天</span></div>
                                <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                            </div>
                            <h3>
                                POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                            </h3>
                            <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="view/enroll.html">
                        <img src="uploadFile/images/46.jpg">
                        <div class="text">
                            <div>
                                <div><span>还剩16天</span></div>
                                <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                            </div>
                            <h3>
                                POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                            </h3>
                            <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="view/enroll.html">
                        <img src="uploadFile/images/49.png">
                        <div class="text">
                            <div>
                                <div><span>还剩16天</span></div>
                                <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                            </div>
                            <h3>
                                POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                            </h3>
                            <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="gengduo">
                <a href="#">更多活动</a>
            </div>
        </div>
        <div class="paihang">
            <h2>排行榜</h2>
            <div class="text">
                <div class="bangtwo bangpublic bangtt">
                    <div>
                        <div><img src="uploadFile/images/twot.png" ><img src="uploadFile/images/11.png" ></div>
                    </div>
                    <div>
                        <div class="name" style="color:rgb(152,152,152);"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
                        <div class="fen" style="color:rgb(152,152,152);">作品194|粉丝77147</div>
                    </div>
                    <div><img src="uploadFile/images/two.png" ></div>
                </div>
                <div class="bangone bangpublic">
                    <div>
                        <div><img src="uploadFile/images/onet.png" ><img src="uploadFile/images/11.png" ></div>
                    </div>
                    <div>
                        <div class="name"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
                        <div class="fen">作品194|粉丝77147</div>
                    </div>
                    <div><img src="uploadFile/images/one.png" ></div>
                </div>
                <div class="bangthree bangpublic bangtt">
                    <div>
                        <div><img src="uploadFile/images/threet.png" ><img src="uploadFile/images/11.png" ></div>
                    </div>
                    <div>
                        <div class="name" style="color:rgb(240,125,44);"><span>旅行摄影师...</span><img src="uploadFile/images/v.png" ></div>
                        <div class="fen" style="color:rgb(240,125,44);">作品194|粉丝77147</div>
                    </div>
                    <div><img src="uploadFile/images/three.png" ></div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="newclass">
                <div class="newclass-title">
                    <h3>摄影推荐</h3>
                    <h3>最新话题</h3>
                </div>
                <div class="newclass-list">
                    <div>
                        <ul class="imglist imglisttwo">
                            <li>
                                <a href="view/enroll.html">
                                    <img src="uploadFile/images/8.jpg">
                                    <div class="text">
                                        <div>
                                            <div><span>还剩16天</span></div>
                                            <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                                        </div>
                                        <h3>
                                            POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                                        </h3>
                                        <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="view/enroll.html">
                                    <img src="uploadFile/images/9.jpg">
                                    <div class="text">
                                        <div>
                                            <div><span>还剩16天</span></div>
                                            <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                                        </div>
                                        <h3>
                                            POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                                        </h3>
                                        <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <ul class="imglist imglisttwo">
                            <li>
                                <a href="view/enroll.html">
                                    <img src="uploadFile/images/38.jpg">
                                    <div class="text">
                                        <div>
                                            <div><span>还剩16天</span></div>
                                            <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                                        </div>
                                        <h3>
                                            POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                                        </h3>
                                        <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="view/enroll.html">
                                    <img src="uploadFile/images/13.png">
                                    <div class="text">
                                        <div>
                                            <div><span>还剩16天</span></div>
                                            <div><i class="iconfont icon-tupian"></i><span>2905</span><i class="iconfont icon-yanjing"></i><span>958481</span></div>
                                        </div>
                                        <h3>
                                            POCO赛区|SPC设计摄影大赛：方寸之间感知世界，定个职场人的高光时刻
                                        </h3>
                                        <p><i class="iconfont icon-jiangpai"></i>冠军（1名）1000元/人，亚军（1名）500元/人...</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="wenlist">
                        <div class="title"><a href="#">热门</a><span>|</span><a href="#">最新</a></div>
                        <ul>
                            <li class="list-first"><a href="#">
                                <img src="uploadFile/images/13.png" >
                                <span class="biao">1</span>
                                <div class="kuang"><span>人像构图教程</span></div>
                            </a></li>
                            <li class="list-li"><a href="#">
                                <div><img src="uploadFile/images/12.png" >
                                    <span class="biao">2</span></div>
                                <div>
                                    <h4>年度十大摄影总结评选</h4>
                                    <p>年度十大摄影总结评选</p>
                                </div>
                            </a></li>
                            <li class="list-li"><a href="#">
                                <div><img src="uploadFile/images/23.jpg" >
                                    <span class="biao">2</span></div>
                                <div>
                                    <h4>年度十大摄影总结评选</h4>
                                    <p>年度十大摄影总结评选</p>
                                </div>
                            </a></li>
                            <li class="list-li"><a href="#">
                                <div><img src="uploadFile/images/24.jpg" >
                                    <span class="biao">3</span></div>
                                <div>
                                    <h4>年度十大摄影总结评选</h4>
                                    <p>年度十大摄影总结评选</p>
                                </div>
                            </a></li>
                            <li class="list-li"><a href="#">
                                <div><img src="uploadFile/images/33.png" ></div>
                                <div>
                                    <h4>年度十大摄影总结评选</h4>
                                    <p>年度十大摄影总结评选</p>
                                </div>
                            </a></li>
                            <li class="list-li"><a href="#">
                                <div><img src="uploadFile/images/35.jpg" ></div>
                                <div>
                                    <h4>年度十大摄影总结评选</h4>
                                    <p>年度十大摄影总结评选</p>
                                </div>
                            </a></li>
                        </ul>
                    </div>
                </div>
                <div class="gengduo">
                    <a href="#">更多看点</a>
                </div>
            </div>
        </div>
        <div class="shipin">
            <h2>创意视频</h2>
            <ul>
                <li>
                    <video controls>
                        <source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
                    </video>
                </li>
                <li>
                    <video controls>
                        <source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
                    </video>
                </li>
                <li>
                    <video controls>
                        <source src="/uploadFile/videos/0.mp4" type="video/mp4"></source>
                    </video>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" src="static/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="static/js/js.js"></script>
    <jsp:include page="view/footer.jsp"/>
</body>
</html>
